<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp" %><head>
    <title><fmt:message key="mainMenu.home"/></title>
    <meta name="menu" content="HomeMenu"/>
    <link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/simplicity/svwp.css'/>"/>
    <script src="<c:url value='/scripts/jquery-1.4.2.min.js'/>" type="text/javascript"></script>
    <script src="<c:url value='/scripts/jquery.slideViewerPro.1.0.js'/>" type="text/javascript"></script>
    <script src="<c:url value='/scripts/jquery.timers.js'/>" type="text/javascript"></script>
</head>

<table width="790" style=" background-color:#FFFFFF;" cellspacing="0" cellpadding="0" border="0" align="center">
    <tr>
        <td style="padding-left:5px">
            <div style=" position:relative; height:300px; width:550px;float:left;">
                <div id="my-folio-of-works" class="svwp">
                    <ul>
                        <li><img src="/images/01.jpg" alt="description for this first image"></li>
                        <li><img src="/images/02.jpg" alt="second picture and second description"></li>
                        <li><img src="/images/03.jpg" alt="my third picture in da gallery!"></li>
                        <li><img src="/images/04.jpg" alt="makin my gallery is easy!"></li>
                    </ul>
                </div>
            </div>
            <div style="background-color: #EBE6D0; border: 1px solid #9E8E85; float:right; width: 223px; margin: 0px 5px 0px 5px;  padding-bottom: 0px;">

                <form method="post" action="http://www.spper.com/catalog/index.asp" id="catalogForm" name="catalogForm"
                      onSubmit="return frmCheck(this,'email');" style="margin:0px; padding: 0px 0px 5px 25px;">

                    <span style="color:#472A18;">Sign up for email offers</span><br>
                    <input type="text" name="email" size="30" ID="email" style="font-size:10px;"
                           value="enter email address" onFocus="this.value=''; return true;"
                           onKeyDown="if (event.keyCode && event.keyCode == 13) {document.catalogForm.submit(); return false;}"><br/>

                    <div style="margin-top:5px; text-align: center; width: 180px;">
                        <span style="border: 1px solid #9C6700; padding: 2px 2px 0px 2px; float: none; background-color: #EBE6D0; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small; font-weight: bold;"><a
                                href="javascript: alert('Now Not Sign');" title="SIGN UP NOW"
                                target="_parent" onMouseOver="status='SIGN UP NOW'; return true"
                                style=" color: #472A1A; font-size: 10px ">SIGN UP NOW</a></span>
                    </div>
                </form>

            </div>
            <div id="top10"
                 style="margin: 5px 5px 0px 5px; background-color:#84929F; float:right; width: 225px; font-size:12px; line-height: 15px; height: 233px;">
                <div style=" border: 1px solid #eeeeee; margin: 5px; padding: 5px 5px 3px 5px; color:#FFFFFF;">
                    <h2 align="center"
                        style="padding-top: 0px; margin-top: 0px; margin-bottom: 2px; color: #000000; font-size:16px; font-weight: bold;">
                        TOP 10 SPPERS</h2>

                    <div id="top1" style="padding-left: 5px; margin: 3px;">
                        <a href="/194.jsp" class="top10link">1. 教大家如何在iphone上设置VPN</a>
                    </div>
                    <div id="top2" style="padding-left: 5px; margin: 3px;">
                        <a href="/193.jsp" class="top10link">2. 六种方法教你购买鉴别iPhone</a>
                    </div>
                    <div id="top2" style="padding-left: 5px; margin: 3px;">
                        <a href="/192.jsp" class="top10link">3. 传国内大卖场可能购买到行货IPAD</a>
                    </div>
                    <center>
                        <a href="/announcement.jsp"
                           style="color: #FFFFFF; font-weight: bold;">---- All Sppers ----</a>
                    </center>
                </div>
            </div>
        </td>
    </tr>
</table>

            
<script type="text/javascript">
    $(window).bind("load", function() {
        $("div#my-folio-of-works").slideViewerPro({
            thumbs: 6,
            autoslide: true,
            asTimer: 3500,
            typo: true,
            galBorderWidth: 0,
            thumbsBorderOpacity: 0,
            buttonsTextColor: "#707070",
            buttonsWidth: 40,
            thumbsActiveBorderOpacity: 0.8,
            thumbsActiveBorderColor: "#ffff99",
            shuffle: true
        });
    });
</script>